<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>   

<script>
$(function() {	
		var m_os="${os}";
		if(m_os=="wechat" || m_os=="web"){
			 $(".btn-popup").bind("click",function(){
			    $(".bg-popup").fadeIn(500);
			    $("#popup").animate({top:'7%'},200);
			});
		}else{
			 $(".btn-popup").bind("click",function(){
			    $(".bg-popup").fadeIn(500);
			    $("#popup").animate({top:'0%'},200);
			});
		}
	 
		$(".bg-popup").bind("click",function(){
		   $("#popup").animate({top:'-100%'},200);
		    $(this).fadeOut(500);
		});
		
	  var $items = $('.popup-content>ul.common>li');
	  $items.click(function() {
	    $items.removeClass('on');
	    $(this).addClass('on');

	    var index = $items.index($(this));
	    $('.popup-content>.show-content').hide().eq(index).show();
	  }).eq(0).click();	 	  
	});
</script>
<div id="main">
<input type="hidden" id="ticketslogone_url" value="${ticketslogone_url}">

    <div class="popup-content2">
        <div class="clearfix">
        <h4 class="leftArea">
        		<c:if test="${(logTicketVO.bill_type == null||logTicketVO.bill_type=='')&&(logTicketVO.type==''||logTicketVO.type==null)}"><span>全部</span></c:if>
        		<c:if test="${logTicketVO.bill_type == 2}"><span>收入&nbsp;></span></c:if> 
        		<c:if test="${logTicketVO.bill_type == 1}"><span>支出&nbsp;></span></c:if>
	         	<c:if test="${logTicketVO.type == 1}"><span>${ticket_name}充值</span></c:if>
	         	<c:if test="${logTicketVO.type == 5}"><span>退款</span></c:if>
	         	<c:if test="${logTicketVO.type == 3}"><span>${ticket_name}出售</span></c:if>
	         	<c:if test="${logTicketVO.type == 2}"><span>购物</span></c:if>
        </h4>
        <p class="rightArea btn-popup"><span>筛选</span></p></div>
    </div>
            <div class="content10" id="listSelect">
                <ul id="logSelect">
               	 	<c:forEach items="${ticketLogList}" var="c">
	                    <c:if test="${'ios'==os}">
				        	<li class="clearfix" onclick="fn_goTicketsLogOne(${c.logticket_id})">
				        </c:if>
	                    <c:if test="${'wechat'==os ||'web'==os}">
				        	<li class="clearfix" onclick="goTicketsLogOneForWE('${c.logticket_id}')">
				        </c:if>
				    	<c:if test="${'android'==os}">
				            <li class="clearfix" onclick="android.startUrl('交易明细','${ticketslogone_url}','logticket_id->${c.logticket_id}')">
				        </c:if>
	                        <p class="leftArea">
	                            <span>${c.type_name}<c:if test="${c.type == 2}">&nbsp;（订单号：${c.order_no}）</c:if></span><br>
	                           	<fmt:parseDate value=" ${c.create_time}" var="date" pattern="yyyy-MM-dd HH:mm:ss"/>  
			  					<span><fmt:formatDate value="${date}" pattern="yyyy-MM-dd HH:mm" /></span>
	                        </p>
	                        <p class="rightArea <c:if test="${c.bill_type == 2}">col-arresting</c:if>">${c.num}</p>
	                    </li>               	 	     
                	</c:forEach>	    
                </ul>
            </div>
    </div>
 	<div class="bg-popup"></div>
    <div id="popup">
        <div class="popup-content">
            <div class="clearfix"><h4 class="leftArea"><span>请选择您要筛选的分类</span></h4><p class="rightArea"><span>筛选</span></p></div>
            <ul class=" one whole common ">
                <li class="whole-one"><span>全部</span></li>
                <li><span>收入</span></li>
                <li><span>支出</span></li>
            </ul>
            <ul class="show-content">
                <li class="whole-one" onclick="getList('','')"><span>全部</span></li>
                <li class="whole-two" onclick="getList('',2)"><span>收入</span></a></li>
                <li class="whole-there" onclick="getList('',1)"><span>支出</span></li>
            </ul>
            <ul class="show-content">
                <li class="whole-one" onclick="getList(1,2)"><span>${ticket_name}充值</span></li>
                <li class="whole-one" onclick="getList(5,2)"><span>退款</span></li>
            </ul>
            <ul class="show-content">
                <li class="whole-one" onclick="getList(3,1)"><span>${ticket_name}售出</span></li>
                <li class="whole-one" onclick="getList(2,1)"><span>购物</span></li>
            </ul>
        </div>
    </div>
	    <c:if test="${ticketLogList.size()==0}">
		  <div class="zanwu">
		    <span><img src="/img/app/zanwu.png"></span>
		    <p>暂无记录</p>
		  </div>
		</c:if>   
</div>	